<template>
  <div class="profile">
    <el-avatar :size="200" :src="nowRow.headimgurl"></el-avatar>
    <el-descriptions title="学员资料" direction="vertical" :column="5" border>
      <el-descriptions-item label="用户名">{{
        nowRow.name
      }}</el-descriptions-item>
      <el-descriptions-item label="头像地址">{{
        nowRow.headimgurl
      }}</el-descriptions-item>
      <el-descriptions-item label="学历" :span="2">{{
        nowRow.degree
      }}</el-descriptions-item>
      <el-descriptions-item label="创建时间">
        <el-tag size="small">{{ nowRow.cTime }}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="学生描述">{{
        nowRow.description
      }}</el-descriptions-item>
      <el-descriptions-item label="城市">{{
        nowRow.city
      }}</el-descriptions-item>
      <el-descriptions-item label="班级">{{
        nowRow.class
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState(["nowRow"]),
  },
};
</script>
